<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>RILEY - template by entiri</title>
	<meta name="description" content="RILEY - Responsive HTML Template by entiri">
	<meta name="keywords" content="riley, entiri, theme, template, store, eshop, shop, unique, multipurpose, sliders, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet">
  
  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet" id="color-style"> 

  <!-- LayerSlider Styles -->
  <link href="layerslider/css/layerslider.css" rel="stylesheet">

  <!-- Revolution CSS -->
  <link href="rs-plugin/css/settings.css" rel="stylesheet" media="screen">

  <!-- Flexslider CSS -->
  <link href="css/flexslider.css" rel="stylesheet">

  <!-- Refine Slider -->
  <link href="css/refineslide.css" rel="stylesheet">  
                             
  <!-- Magnific Popup -->
  <link href="css/magnific-popup.css" rel="stylesheet"> 

  <!-- Animate -->    
  <link href="css/animate.css" rel="stylesheet">

  <!-- Font Awesome Style -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  
  <!-- Entypo Icons -->    
  <link href="css/entypo.css" rel="stylesheet">

  <!-- Web Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800' rel='stylesheet' type='text/css'>
  
	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

	<script src="js/modernizr.js"></script>
</head>       
<body>

  <!-- Header -->
  <header> 

    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="top-container">
            <!-- Logo -->                       
      			<a href="index.html" class="logo" title="Home"><img src="img/logo.png " alt=""></a>                     
  
            <!-- Top Items --> 
            <ul class="top-items">
              <li><i class="fa fa-lightbulb-o"></i>Hotline: +321 088 670</li>
              <li class="red"><i class="fa fa-envelope-o"></i><a href="mailto:info@yoursite.com" class="red">info@yoursite.com</a></li>
            </ul>
            <!-- Top Items End --> 
          </div>
        </div> 
      </div> 
    </div> 

    <!-- Nav -->
    <nav class="navbar" role="navigation">
      <div class="navbar-inner">
        <div class="container">     
          <!-- Menu -->
          <ul class="nav navbar-nav" id="nav">
            <li><a href="index.html" title="">Home</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="index-2.html" title="">Home 2 - Parallax</a></li>
                <li><a href="index-3.html" title="">Home 3 - Refine Slider</a></li>
                <li><a href="index-4.html" title="">Home 4 - Flex Slider</a></li>
                <li><a href="index-5.html" title="">Home 5 - Video</a></li>
                <li><a href="index-6.html" title="">Home 6 - Top Bar</a></li>
                <li><a href="index-7.html" title="">Home 7 - Footer 2</a></li>
                <li><a href="index-8.html" title="">Home 8 - Shop</a></li>
                <li><a href="index-9.html" title="">Home 9 - Shop 2</a></li>
                <li><a href="index-10.html" title="">Home 10 - Revolution Slider</a></li>
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="services.html" title="">Services</a></li> 
            <li><a href="about.html" title="">About</a></li> 
            <li class="selected"><a href="projects.html" title="">Projects</a> 
              <!-- Submenu -->
  						<ul>
                <li><a href="projects-2.html" title="">2 Columns</a></li>
                <li><a href="projects-3.html" title="">3 Columns</a></li>
                <li><a href="projects-4.html" title="">2 Columns Boxed</a></li>
                <li><a href="projects-5.html" title="">3 Columns Boxed</a></li>
                <li><a href="projects-6.html" title="">4 Columns Boxed</a></li>
                <li><a href="projects-7.html" title="">3 Columns Full Width</a></li>
                <li><a href="projects-8.html" title="">4 Columns Full Width</a></li>
                <li><a href="projects-9.html" title="">6 Columns Full Width</a></li>
                <li class="selected"><a href="project-detail.html" title="">Project Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="blog.html" title="">Blog</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="blog-full.html" title="">Blog Full Width</a></li> 
                <li><a href="blog-detail.html" title="">Blog Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="components.html" title="">Features</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="components.html" title="">Components</a></li>
                <li><a href="entypo.html" title="">Entypo Icons</a></li>
                <li><a href="icons.html" title="">Awesome Icons</a></li>
                <li><a href="pricing.html" title="">Pricing Tables</a></li>
                <li><a href="grid.html" title="">Grid System</a></li>
                <li><a href="#" title="">2nd Submenu</a>
                  <!-- Submenu 2nd -->
      						<ul>
                    <li><a href="#" title="">Item 001</a></li> 
                    <li><a href="#" title="">Item 002</a></li> 
                    <li><a href="#" title="">Item 003</a></li> 
                    <li class="selected"><a href="#" title="">Item 004 - Active</a></li> 
      						</ul>
                  <!-- Submenu 2nd End -->
                </li>
  						</ul>
              <!-- Submenu End -->
            </li> 
            <li><a href="contact.html" title="">Contact</a>
  						<ul>
                <li><a href="contact-2.html" title="">Contact 2</a></li> 
                <li><a href="contact-3.html" title="">Contact 3</a></li> 
  						</ul>
            </li> 
          </ul>
          <!-- Menu End -->        
           
          <!-- Social Top --> 
          <div class="social-top social-6">
            <a href="#"><i class="fa fa-dribbble"></i></a>
            <a href="#"><i class="fa fa-dropbox"></i></a>
            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-flickr"></i></a>
            <a href="#"><i class="fa fa-linkedin"></i></a>
          </div>  
          <!-- Social Top End -->  
          
        </div> 
      </div>  
    </nav>
    <!-- Nav End -->
    
  </header>
  <!-- Header End -->
                      
  <!-- Content -->    
  <div class="breadcrumb-container">
    <div class="container">  
      <div class="row">  
        <div class="col-md-12">
          <h1>Project Detail</h1>
          <ol class="breadcrumb">
            <li><a href="index.html">Home</a></li>
            <li><a href="projects.html">Projects</a></li>
            <li class="active">Project Detail</li>
          </ol>
        </div>  
      </div> 
    </div> 
  </div>

  <div class="space20"></div>

  <div class="container">  
    <div class="row"> 
      <div class="col-md-12 blog-content">
        
        <!-- Project Detail -->
        <img src="img/projects/01.jpg" alt="">
        <div class="space25"></div>
        <h2>Innovations and Technologies</h2>
        <div class="space10"></div>
        
        <div class="post-info-container">
          <div class="row">
            <div class="col-md-8">
              <div class="post-info">
                <span class="post-data">  
                  <i class="fa fa-tag"></i> <span class="tags"><a href="#">Photography</a> | <a href="#">Portrait</a> | <a href="#">Marketing</a> | <a href="#">Web Design</a></span>
                </span>
              </div>
            </div>
            <div class="col-md-4">
              <div class="social-2 f-right">
                <a href="#"><i class="fa fa-apple"></i></a>
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-foursquare"></i></a>
                <a href="#"><i class="fa fa-google-plus"></i></a>
                <a href="#"><i class="fa fa-pinterest"></i></a>
                <a href="#"><i class="fa fa-youtube"></i></a>
              </div>  
            </div>
          </div>
        </div>

        <div class="space30"></div>
        <p>       
        Vis ad timeam vivendo necessitatibus, viris nonumy abhorreant id vel, an munere eruditi praesent qui. Usu noster legendos cu. Mei omnium graecis an. Te nam graeci nostrud dissentiet. Usu quem appellantur id, ut debet accommodare his. Vel te dicit putant facilis, ius ad torquatos moderatius.
        </p><p>
        Ut simul appellantur cum, ut reque legimus ocurreret ius. Nec ne aliquam scriptorem, mundi primis recteque id sed, pri laudem meliore te. Eam nihil officiis conceptam ei, pro ex eros velit invenire. Zril petentium an est, amet putant eum eu, usu iudico possim voluptatum ad. An sea vidisse alienum.
        Nam modo agam eius ea, duo paulo propriae ei. Te case illud his, duo invenire vituperata liberavisse ex. Vix vero persius ut. Te invenire instructior mea, vis inani primis facilisis at, minimum molestie complectitur sit ea. Idque corpora pertinacia usu cu, vel eu possim detraxit gloriatur.
        </p>
        <p>       
        Vis ad timeam vivendo necessitatibus, viris nonumy abhorreant id vel, an munere eruditi praesent qui. Usu noster legendos cu. Mei omnium graecis an. Te nam graeci nostrud dissentiet. Usu quem appellantur id, ut debet accommodare his. Vel te dicit putant facilis, ius ad torquatos moderatius.
        Recusabo antiopam cu per. Ne oblique explicari pro, id eos purto oblique torquatos. Vitae inciderint qui cu, cu quo choro denique lobortis. Sit euripidis aliquando in, quot commodo in pro, eos id equidem legimus pertinacia. Ei mei dico enim, vivendum principes mei in. Cu primis maiorum usu.
        Eam et erant laudem tacimates, ad pro vitae legimus. Cum at quas habeo, erat primis delectus sit no, id zril quaestio mel. Tale nullam expetendis eam ne, his ne eros minimum sadipscing, quas noster at vis. Mel discere iudicabit te, error pericula ei sit. Mea eu soleat regione, liber postulant 
        Ut simul appellantur cum, ut reque legimus ocurreret ius. Nec ne aliquam scriptorem, mundi primis recteque id sed, pri laudem meliore te. Eam nihil officiis conceptam ei, pro ex eros velit invenire. Zril petentium an est, amet putant eum eu, usu iudico possim voluptatum ad. An sea vidisse alienum.
        </p>
        <p>       
        Zendo necessitatibus, viris nonumy abhorreant id vel, an munere eruditi praesent qui. Usu noster legendos cu. Mei omnium graecis an. Te nam graeci nostrud dissentiet. Usu quem appellantur id, ut debet accommodare his. Vel te dicit putant facilis, ius ad torquatos moderatius.
        Ut simul appellantur cum, ut reque legimus ocurreret ius. Nec ne aliquam scriptorem, mundi primis recteque id sed, pri laudem meliore te. Eam nihil officiis conceptam ei, pro ex eros velit invenire. Zril petentium an est, amet putant eum eu, usu iudico possim voluptatum ad. An sea vidisse alienum.
        </p>
                                 
        <div class="space35"></div>
        <a href="blog.html" class="btn"><i class="fa fa-book"></i>Back To Projects</a>
        <div class="space60"></div>
        <!-- Project Detail End -->

      </div>
    </div> 
  </div>       

  <div class="container">  
    <div class="row">  
      <div class="col-md-12">
        <h4>We have the latest proven technology</h4>   
      </div>  
    </div> 
  </div>   
  
  <div class="space20"></div>
  
  <div class="container">
    <div class="row">
      <div class="col-md-6">
      
        <!-- Blockquote -->
        <blockquote> 
          <h4>Portanees hitau foqin instager</h4> 
          Fijusmod tempor inciris nisi ut aliquip extea commodo conseation ullamcinim veniam, quis nostrud exerci tand mutatiqrud exerci torper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmoudidunt utlabore veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sintoc saedat cupidatat noroident, sofficia deserunt mollit anim id est lab.            
        </blockquote>
        <!-- Blockquote End -->
        <div class="space40"></div>
        
      </div>  
      <div class="col-md-6">
      
        <!-- Tabs -->
        <div class="tabbable">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab1-1" data-toggle="tab"><i class="fa fa-fire"></i>Tab 1</a></li>
            <li><a href="#tab1-2" data-toggle="tab"><i class="fa fa-pencil"></i>Tab 2</a></li>
            <li><a href="#tab1-3" data-toggle="tab"><i class="fa fa-check"></i>Tab 3</a></li>
            <li><a href="#tab1-4" data-toggle="tab"><i class="fa fa-calendar"></i>Tab 4</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab1-1">
              <h3>I'm in Section 1</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exeinim iriure dolor in hendinim veniam, quis nostrud exerexerci tation ullamcoramcorper suscipit lobortis nisl ut aliquip ex ea commodo consequrud exerci tation ullamcorper susc nostrudexerci tation ullamtion ullamcoer susc nostrudexerci tation ullamcoramcorper suscipit lobor</p>
            </div>
            <div class="tab-pane" id="tab1-2">
              <h3>I'm in Section 2</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcinim veniam, quis nostrud exerci tand mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc. Pa ad minim veniam, quis nostrud exerci trum claram, anteposuerit littera ad minim veniam, quis nostrud exerci trum formas humanitatud exerci tation ullamcorper susc nostrudexe.</p>
            </div>
            <div class="tab-pane" id="tab1-3">
              <h3>I'm in Section 3</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex eim ad sequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, qocessus dynamicus, and mutationem consuetuum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitattion ullamcorper suscipit lobul</p>
            </div>
            <div class="tab-pane" id="tab1-4">
              <h3>I'm in Section 4</h3>
              <p>Ut wisi enim ad minim veniam, quis nostrud exerci torper suscipit lobortis nisl ut aliquip ex ea coiipit lobmmodo consequat. Duis autem vel eum iriure dolor in hendrerit in vinim veniam, quis nostrud einim veniam, qocessus dynamicus, and mutationem consuetuum est notare quam littera gothica, quam nunc. Parum claram, anteposuerit litterarum formas humanitattion ullamcorper suscipit lobul</p>
            </div> 
          </div>
        </div>
        <!-- Tabs End -->
        <div class="space40"></div>
        
      </div>     
    </div>
  </div>       

  <div class="space20"></div>
  
  <div class="container">  
    <div class="row">  
      <div class="col-md-12">
        <h4>Our Works</h4>   
      </div>  
    </div> 
  </div>     

  <!-- Recent Works -->
  <div class="container popup-gallery">
    <div class="row">

      <article class="col-md-3 col-sm-3 boxed-project">
        <div class="img-container">
          <!-- Item Link -->  
          <a href="img/gallery/01.jpg" title="Photo Title">
            <!-- Image -->
            <img src="img/gallery/01.jpg" alt="">
            <!-- Icon -->  
            <i class="fa fa-arrows-alt"></i>
          </a>
          <!-- Item Link End -->          
        </div>
        <div class="title">
          <h4>Boxed Project Title</h4>
          <h6>Webdesign</h6>
        </div>
      </article> 
      <article class="col-md-3 col-sm-3 boxed-project">
        <div class="img-container">
          <!-- Item Link -->  
          <a href="img/gallery/02.jpg" title="Photo Title">
            <!-- Image -->
            <img src="img/gallery/02.jpg" alt="">
            <!-- Icon -->  
            <i class="fa fa-arrows-alt"></i>
          </a>
          <!-- Item Link End -->          
        </div>
        <div class="title">
          <h4>Boxed Project Title</h4>
          <h6>Webdesign</h6>
        </div>
      </article> 
      <article class="col-md-3 col-sm-3 boxed-project">
        <div class="img-container">
          <!-- Item Link -->  
          <a href="img/gallery/03.jpg" title="Photo Title">
            <!-- Image -->
            <img src="img/gallery/03.jpg" alt="">
            <!-- Icon -->  
            <i class="fa fa-arrows-alt"></i>
          </a>
          <!-- Item Link End -->          
        </div>
        <div class="title">
          <h4>Boxed Project Title</h4>
          <h6>Webdesign</h6>
        </div>
      </article> 
      <article class="col-md-3 col-sm-3 boxed-project">
        <div class="img-container">
          <!-- Item Link -->  
          <a href="img/gallery/04.jpg" title="Photo Title">
            <!-- Image -->
            <img src="img/gallery/04.jpg" alt="">
            <!-- Icon -->  
            <i class="fa fa-arrows-alt"></i>
          </a>
          <!-- Item Link End -->          
        </div>
        <div class="title">
          <h4>Boxed Project Title</h4>
          <h6>Webdesign</h6>
        </div>
      </article> 
 
    </div>
  </div> 
  <!-- Recent Works End -->

  <div class="space40"></div>

  <!-- Partners -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">

        <ul class="partners-6">  
          <li> 
            <img src="img/partners/01.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/02.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/03.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/04.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/05.png" alt="">
          </li> 
          <li> 
            <img src="img/partners/06.png" alt="">
          </li> 
        </ul>

      </div>
    </div>
  </div>      
  <!-- Partners End -->

  <div class="space60"></div>
  <!-- Content End -->
           
  <!-- Footer -->  
  <footer class="footer">

    <!-- Parallax --> 
    <div id="parallax-one" class="parallax" style="background-image:url(img/parallax/02.jpg);">
      <div class="footer-promo">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <h2>MODERN PROMO BOX</h2>
              <h4>Present Yourself</h4>
            </div>
          </div>
        </div>
      </div>
    </div> 
    <!-- Parallax End --> 

    <div class="footer-info">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-6">
            <h6>ABOUT US</h6>         
            Tingue phasellus mattis mid elementum dictumst dignissa in in risus nunc aaunissim hendrerit nibeh.<br>
            <br>
            Mon – Fri : 10 AM to 5 PM<br>
            Sat – Sun : 10 AM to 2 PM<br>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>RECENT NEWS</h6>      
            <ul class="list-5">
              <li>
                <a href="#"><i class="fa fa-caret-right"></i> Soprav sutoro selo niaculis</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Le insinuyva holeik nelid</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Contrair to batusel korem</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Oncotà fan the opinan</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Sait depdubali behod ratitor</a>
              </li>
            </ul>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>CONTACT INFO</h6>
            81 Sunnyvale Street<br>
            Los Angeles, CA 90185<br>
            United States<br>
            <br>
            <div class="item-icon">
              <i class="fa fa-phone"></i>
              (613) 555-0000-852<br>
            </div>
            <div class="item-icon">
              <i class="fa fa-envelope"></i>
              <a href="mailto:info@riley-template.com">info@riley-template.com</a><br>
            </div>
            <div class="item-icon">
              <i class="fa fa-comment"></i>
              <a href="mailto:chat@riley-template.com">chat@riley-template.com</a><br>
            </div>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>FLICKR PHOTOS</h6>
            <div class="flickr">
              <a href="#"><img src="img/flickr/01.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/02.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/03.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/04.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/05.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/06.jpg" alt=""></a> 
            </div>
            <div class="space30"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="copyright"> 
      <div class="container">  
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <div  class="logo-footer">  
                <img src="img/logo-footer.png" alt="">
            </div>     
          </div>  
          <div class="col-md-8 col-sm-8">
            <div class="copyright-info">
              &copy; 2014 RILEY. All Rights Reserved. Designed & powered by <a href="../index.html" rel="external" class="entiri">entiri</a>
            </div>
          </div>  
        </div> 
      </div>  
    </div>
    
  </footer>     
  <!-- Footer End --> 
  
  <a href="#" class="back-to-top"><span></span></a> 

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.10.2.js"></script>                                                       
  <script type="text/javascript" src="js/bootstrap.js"></script>  
  <script type="text/javascript" src="js/jquery.easing.js"></script>  
  <script type="text/javascript" src="js/jquery.sticky.js"></script>
  <script type="text/javascript" src="js/tinynav.min.js"></script>      
  <script type="text/javascript" src="js/animate.js"></script>
  <script type="text/javascript" src="js/jquery.fitvids.js"></script> 
  <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script> 
  <script type="text/javascript" src="js/retina.js"></script> 
  <script type="text/javascript" src="js/respond.min.js"></script> 
  <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
  <script type="text/javascript" src="js/jquery.refineslide.js"></script>
  <script type="text/javascript" src="layerslider/js/greensock.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.transitions.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
  <script type="text/javascript" src="js/functions.js"></script> 
        
</body>
</html>
         
<!-- Localized -->